@media (max-width:1024px){
	.search-form input{width:84%}
	.nav ul li ul{left:100%}
}

@media (max-width:800px){
	.header{padding:55px 0 30px;text-align:left}
	.header h1{font-size:200%}
	.sub-header{box-shadow:0 0 2px black}
	.sub-header+.inner-wrapper .blog-posts{margin:32px 0 0}
	.nav{top:0;right:0;bottom:auto;left:0;width:auto;height:auto}
	.nav ul{margin-top:0;margin-left:22%}
	.nav ul li{float:left;display:inline}
	.nav ul li ul{top:100%;left:0}
	.nav ul li ul li{display:block;float:none}
	.search-form{right:auto;top:6px;left:1%;width:16%;border:none;padding:0 0}
	.search-form .search-field{width:100%;margin:-1px 0 0;padding:3px 4px 4px}
	.main{width:auto;float:none;margin-left:0;margin-right:0}
	.blog-archive{position:static;width:auto;border-top:1px solid #3c3c3c;border-left:none;box-shadow:none;padding:0 3.4% 4%}
	.blog-archive .widget{height:auto;margin-right:0;padding-right:0}
}

@media (max-width:560px){
	.nav ul{margin:0 0}
	.search-form{left:auto;right:0;width:auto}
	.search-form .search-field{left:auto;right:0;width:84%}
	.search-result{right:3px;left:auto;top:30px}
}

@media (max-width:500px){
	.header{height:80px}
	.sub-header{margin:32px auto 50px}
	.nav{position:fixed;z-index:99}
	.search-form{top:102px;right:0;left:0;padding:10px 0;background-color:#333}
	.search-form .search-field{margin:10px auto 0;padding:5px 6px 6px;display:block;width:90%}
	.sub-header+.inner-wrapper .search-form{top:-58px;padding-bottom:12px}
	.sub-header+.inner-wrapper .blog-posts{margin:0 0}
}

@media (max-width:360px){
	.header{margin-top:25px}
	.sub-header{margin:62px auto 50px}
	.nav{border:none}
	.nav ul{height:auto}
	.nav ul li{width:50%}
	.nav ul li ul{width:100%;border-bottom:none}
	.nav ul li a{border:1px solid #3c3c3c;border-width:0 1px 1px 0}
	.nav ul li ul li{width:auto}
	.nav ul li ul li a{border-right:none}
	.footer,.footer .left,.footer .right{float:none;display:block;text-align:center}
}